.content__filter
  margin-right: 32px
  height: 100%
.filter
  .filter__button
    display: flex
    justify-content: center
    input
      align-self: center
      border-radius: 5px
      border: 2px solid $light_black
      padding: 3px 62px
      @include aFont(18, 12)
      color: $light_black
      +font(normal)
    input:hover
      border-color: $light_grin_Hover
  .filter__floors
    margin-top: 32px
  .filter__floorscheckbox
    margin-bottom: 32px
    margin-left: 42px
    p
      label
        @include aFont(22, 14)
      // padding-bottom: 5px
    input[type="checkbox"]
      position: absolute
      z-index: -1
      opacity: 0
    input[type="checkbox"]+label
      display: inline-flex
      align-items: center
      user-select: none
      +font(normal)
    input[type="checkbox"]+label::before
      content: ''
      display: inline-block
      width: 23px
      height: 23px
      flex-shrink: 0
      flex-grow: 0
      border: 2px solid $light_black
      border-radius: 5px
      margin-right: 20px
      background-repeat: no-repeat
      background-position: center center
      background-size: 90% 75%
    input[type="checkbox"]:checked+label::before
      border-color: $light_black
      background-color: $light_grin
      background-image: url("../img/icons/checkmark.svg")
    input[type="checkbox"]+label:hover::before
      border-color: $light_grin_Hover
    // input[type="checkbox"]:not(:disabled):not(:checked)+label:hover::before
    //   border-color: $light_black
    input[type="checkbox"]+label:hover
      cursor: pointer
  .filter__floorstaitel
    font-size: 24px
    font-weight: bold
    margin-bottom: 12px
    font-weight: normal
  .filter__square
  .filter__sqaretext
    @include aFont(18, 14)
    color: $light_black
    +font(normal)
  .filter__squareinput
    margin-left: 42px
    display: flex
    align-items: flex-end
    input[type="number"]
      margin-right: 8px
      font-size: 18px
      padding: 3px 10px
      border-radius: 5px
      border: 2px solid $light_black
      color: $light_black
      max-width: 125px
    input[type="number"]:hover
      border: 2px solid $light_grin_Hover

  .filter__squaretitle
    @include aFont(22, 18)
    margin-bottom: 12px
    +font(normal)
.filter_active
  color: #ff0404
  display: flex
.filter_deactivated
  display: none